<page-header  >
    <!--<ng-template #breadcrumb>-->
        <!--<nz-breadcrumb>-->
            <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
            <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
        <!--</nz-breadcrumb>-->
    <!--</ng-template>-->
    <ng-template #tab>
        <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
          <nz-tab nzTitle="订单信息" (nzSelect)="changeTab(0)"></nz-tab>
          <!--<nz-tab nzTitle="车辆信息" (nzSelect)="changeTab(1)"></nz-tab>-->
          <!--<nz-tab nzTitle="担保人" (nzSelect)="changeTab(2)"></nz-tab>-->
          <!--<nz-tab nzTitle="附件信息" (nzSelect)="changeTab(3)"></nz-tab>-->
          <!--<nz-tab nzTitle="订单日志" (nzSelect)="changeTab(4)"></nz-tab>-->
          <!-- <nz-tab nzTitle="审批意见" (nzSelect)="changeTab(1)"></nz-tab> -->
          <!--<nz-tab nzTitle="申请信息" (nzSelect)="changeTab(6)"></nz-tab>-->
          <!--<nz-tab nzTitle="放款信息" (nzSelect)="changeTab(7)"></nz-tab>-->

        </nz-tabset>
    </ng-template>
    <ng-template #extraTemplate>
        <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回订单列表</button>
    </ng-template>
</page-header>





  <!--<nz-card style="height: 100%" nzTitle="视频信息" *ngIf="tabIndex === 1">-->
  <!--</nz-card>-->


<nz-row [nzGutter]="24">
  <nz-col [nzSpan]="15">

    <nz-card nzTitle="基本信息 "  *ngIf="tabIndex === 0" >

      <form nz-form>

        <nz-form-item>
          <nz-form-label nzSpan="3" nzRequired>订单编号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">


          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>贷款金额</nz-form-label>
          <nz-form-control nzSpan="9">
          <input nz-input [(ngModel)]="productfk.loanSum" name="loanSum">
          </nz-form-control>

        </nz-form-item>
        <nz-form-item>
          <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
          <nz-form-control nzSpan="9">
            <!--<nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
            <!--</nz-select>-->
            <input nz-input required [(ngModel)]="product.proName" name="proName">
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>客户姓名</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.cusName" name="cusName">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>联系电话</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input  required [(ngModel)]="product.cusMobile" name="cusMobile">

          </nz-form-control>

          <!--<nz-form-label nzSpan="3" nzRequired>证件类型</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
            <!--</nz-select>-->

          <!--</nz-form-control>-->

          <nz-form-label nzSpan="3" nzRequired>证件号码</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>证件有效起始日</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker  required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>证件有效截止日</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker   required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>现居住地</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

          </nz-form-control>

          <nz-form-label nzSpan="3" >性别</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3" >婚姻</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3">学历</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusDeu" name="cusDeu" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3">民族</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value" *ngFor="let cusEthnical of cusEthnicals"></nz-option>
            </nz-select>
          </nz-form-control>


          <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
          <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

          <!--</nz-form-control>-->

          <nz-form-label nzSpan="3" >出生日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker   name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



          </nz-form-control>

          <nz-form-label nzSpan="3" >QQ号码</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

          </nz-form-control>

          <nz-form-label nzSpan="3" >备注</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>状态</nz-form-label>
          <nz-form-control nzSpan="9">
            <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
            <!--</nz-select>-->
            <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

          </nz-form-control>

        </nz-form-item>
      </form>
    </nz-card>


    <!--<nz-card nzTitle="车辆信息" *ngIf="tabIndex === 1">-->
      <!--<form nz-form>-->
        <!--<nz-form-item>-->


          <!--<nz-form-label nzSpan="3" nzRequired>品牌/车型</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype">-->

            <!--&lt;!&ndash;<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">&ndash;&gt;-->
            <!--&lt;!&ndash;<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>&ndash;&gt;-->
            <!--&lt;!&ndash;</nz-select>&ndash;&gt;-->
          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>车牌号</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass">-->

            <!--&lt;!&ndash;<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">&ndash;&gt;-->
            <!--&lt;!&ndash;<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>&ndash;&gt;-->
            <!--&lt;!&ndash;</nz-select>&ndash;&gt;-->
          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>车架号</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

          <!--</nz-form-control>-->
          <!--<nz-form-label nzSpan="3" nzRequired>发动机号</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input  nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">-->

          <!--</nz-form-control>-->
        <!--</nz-form-item>-->
      <!--</form>-->
    <!--</nz-card>-->

    <!--<nz-card nzTitle="担保人信息" *ngIf="tabIndex === 2">-->
      <!--<form nz-form>-->
        <!--<nz-form-item>-->


          <!--<nz-form-label nzSpan="3" nzRequired>与贷款人关系</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<nz-select style=""  [(ngModel)]="product.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>-->
            <!--</nz-select>-->
          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>身份证</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.emergencyOffice" name="emergencyOffice">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">-->

          <!--</nz-form-control>-->


          <!--<nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">-->

          <!--</nz-form-control>-->

          <!--&lt;!&ndash;<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>&ndash;&gt;-->
          <!--&lt;!&ndash;<nz-form-control nzSpan="4">&ndash;&gt;-->
          <!--&lt;!&ndash;<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">&ndash;&gt;-->

          <!--&lt;!&ndash;</nz-form-control>&ndash;&gt;-->

        <!--</nz-form-item>-->
      <!--</form>-->
    <!--</nz-card>-->


    <!--<nz-card nzTitle="文件信息 " *ngIf="tabIndex === 3">-->

      <!--<form nz-form>-->
        <!--<div class="clearfix">-->

          <!--<nz-upload-->
            <!--[nzMultiple]="true"-->
            <!--[nzAction]="uploadUr5"-->
            <!--[nzData]="avatarParam5"-->
            <!--nzListType="picture-card"-->
            <!--[(nzFileList)]="fileList"-->
            <!--[nzShowButton]="fileList.length < 300"-->
            <!--[nzPreview]="handlePreview">-->

            <!--<i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>-->
            <!--<div style="margin-top: 0px; color: #666;">  </div>-->
          <!--</nz-upload>-->
          <!--<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">-->
            <!--<ng-template #modalContent>-->
              <!--<img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />-->
            <!--</ng-template>-->
          <!--</nz-modal>-->
        <!--</div>-->

      <!--</form>-->
    <!--</nz-card>-->
     <!--</nz-card>-->
    <!--<nz-card nzTitle="订单日志 " *ngIf="tabIndex === 4">-->

      <!--<simple-table #st-->
                    <!--[columns]="columns"-->
                    <!--[data]="logurl"-->
                    <!--[ps]="ps"-->
                    <!--[extraParams]="q"-->
                    <!--[resReName]="{ total: 'total', list: 'data'}"-->
                    <!--[reqReName]="{pi:'pageNumber', ps: 'pageSize'}"-->
                    <!--toTopInChange-->
                    <!--[showTotal]="true"-->
                    <!--[showSizeChanger]="false"-->
                    <!--[showPagination]="false">-->

      <!--</simple-table>-->



    <!--</nz-card>-->

    <!-- <nz-card nzTitle="审批意见 " *ngIf="tabIndex === 1"> -->


      <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
        <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
        <!-- <textarea class="textarea" [(ngModel)]="product.spcomment" name="spcomment"> -->
      <!-- </textarea> -->
      <!--</nz-form-control>-->

    <!-- </nz-card> -->

    <!--<nz-card nzTitle="申请信息 "  *ngIf="tabIndex === 6" >-->
      <!--<form nz-form>-->
        <!--<nz-form-item>-->


          <!--<nz-form-label nzSpan="2" nzRequired>金额(元）</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input required="required" [(ngModel)]="product.orderAmount" name="orderAmount">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="2" nzRequired>期限(月）</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input required="required" [(ngModel)]="product.orderPeriod" name="orderPeriod">-->

          <!--</nz-form-control>-->



          <!--&lt;!&ndash;<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>&ndash;&gt;-->
          <!--&lt;!&ndash;<nz-form-control nzSpan="4">&ndash;&gt;-->
          <!--&lt;!&ndash;<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">&ndash;&gt;-->

          <!--&lt;!&ndash;</nz-form-control>&ndash;&gt;-->

        <!--</nz-form-item>-->
      <!--</form>-->
    <!--</nz-card>-->

    <!--<nz-card nzTitle="放款信息 "  *ngIf="tabIndex === 7" >-->
      <!--<form nz-form>-->
        <!--<nz-form-item>-->
          <!--<nz-form-label nzSpan="2" nzRequired>还款方式</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<nz-select style="" [(ngModel)]="productfk.loanReMethod" name="loanReMethod" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of loanReMethods"></nz-option>-->
            <!--</nz-select>-->
          <!--</nz-form-control>-->
          <!--<nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.orderNo" name="orderNo">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.cusName" name="cusName">-->

          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.cusMobile" name="cusMobile">-->

          <!--</nz-form-control>-->

        <!--</nz-form-item>-->
        <!--<nz-form-item>-->

          <!--<nz-form-label nzSpan="2">首次还款日期</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<nz-date-picker nzFormat="yyyy-MM-dd" name="loanDate" [(ngModel)]="productfk.loanDate"></nz-date-picker>-->

          <!--</nz-form-control>-->


          <!--<nz-form-label nzSpan="2" nzRequired>车款金额</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.loanAmount" name="loanAmount">-->
          <!--</nz-form-control>-->


          <!--<nz-form-label nzSpan="2">担保费用</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="product.loanSbamount" name="loanSbamount">-->


          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="2">月均扣费总计</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.loanMonthSum" name="loanMonthSum">-->


          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="2" nzRequired>应还总金额</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.loanSum" name="loanSum">-->
          <!--</nz-form-control>-->
          <!--&lt;!&ndash;<nz-form-label nzSpan="2" nzRequired>附件</nz-form-label>&ndash;&gt;-->
          <!--&lt;!&ndash;<nz-form-control nzSpan="4">&ndash;&gt;-->
          <!--&lt;!&ndash;<input nz-input [(ngModel)]="product.loanAtta" name="loanAtta">&ndash;&gt;-->

          <!--&lt;!&ndash;</nz-form-control>&ndash;&gt;-->
          <!--<nz-form-label nzSpan="2" nzRequired>保险费</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.fkBy1" name="loanSum">-->
          <!--</nz-form-control>-->
          <!--<nz-form-label nzSpan="2" nzRequired>GPS费用</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.fkBy2" name="loanSum">-->
          <!--</nz-form-control>-->
          <!--<nz-form-label nzSpan="2" nzRequired>其他费用</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.fkBy3" name="loanSum">-->
          <!--</nz-form-control>-->


        <!--</nz-form-item>-->

        <!--<nz-form-item>-->

          <!--<nz-form-label nzSpan="2">期数</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.loanPeriod" name="loanPeriod">-->


          <!--</nz-form-control>-->
          <!--<nz-form-label nzSpan="2">担保月利息</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.loanDbmonth" name="loanDbmonth">-->


          <!--</nz-form-control>-->

          <!--<nz-form-label nzSpan="2">银行月利息</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.loanMonth" name="loanMonth">-->


          <!--</nz-form-control>-->
          <!--<nz-form-label nzSpan="2">备注</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="productfk.loanRemark" name="loanRemark">-->


          <!--</nz-form-control>-->


        <!--</nz-form-item>-->



      <!--</form>-->



      <!--<simple-table #st1-->
                    <!--[columns]="columnsreplan"-->
                    <!--[data]="urlreplan"-->
                    <!--[ps]="ps"-->
                    <!--[extraParams]="q"-->
                    <!--[resReName]="{ total: 'total', list: 'data'}"-->
                    <!--[reqReName]="{pi:'pageNumber', ps: 'pageSize'}"-->
                    <!--toTopInChange-->
                    <!--[showTotal]="true"-->
                    <!--[showPagination]="true"-->
                    <!--[showSizeChanger]="true"-->
                    <!--[scroll]="{  x: '1300px' }"-->

      <!--&gt;-->
        <!--&lt;!&ndash;<ng-template st-row="img" let-i>&ndash;&gt;-->
        <!--&lt;!&ndash;<span *ngIf="!i.img" style="color: lightgrey; font-size: 12px;">无图片</span>&ndash;&gt;-->
        <!--&lt;!&ndash;<a><img *ngIf="i.img" (click)="showImage(imgSuffix + i.img)" [src]="imgSuffix + i.img" width="32px" style=" max-height: 32px;"/></a>&ndash;&gt;-->
        <!--&lt;!&ndash;</ng-template>&ndash;&gt;-->

        <!--&lt;!&ndash;<ng-template st-row="isCm" let-i>&ndash;&gt;-->
        <!--&lt;!&ndash;{{i.isCm === '0' ? '非定制' : '定制'}}&ndash;&gt;-->
        <!--&lt;!&ndash;</ng-template>&ndash;&gt;-->
        <!--&lt;!&ndash;<ng-template st-row="isAd" let-i>&ndash;&gt;-->
        <!--&lt;!&ndash;{{i.isAd === '0' ? '普通款' : '广告款'}}&ndash;&gt;-->
        <!--&lt;!&ndash;</ng-template>&ndash;&gt;-->
      <!--</simple-table>-->

    <!--</nz-card>-->






    <!--<nz-card nzTitle="面签流程 " >-->
      <!--<p>1、请报您的身份证号码：</p>-->
      <!--<p>2、请报您的目前常住地址：</p>-->
      <!--<p>3、请报您的手机号码：</p>-->
      <!--<p>4、请报您的工作单位和地址</p>-->
      <!--<p>5、请问您的婚烟状况为?(未婚/已婚/离异)</p>-->
      <!--<p>6、请问您联系人姓名、电话以及和您的关系</p>-->

    <!--</nz-card>-->
  </nz-col>
  <nz-col [nzSpan]="9">
    <iframe id="myIframe" [src]='mqurl'  width="460px"  height="700px"></iframe>
  </nz-col>
</nz-row>

<footer-toolbar errorCollect>

  <nz-form-label nzSpan="3" style="margin-top: 8px">审批意见</nz-form-label>
  <nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">
    <input nz-input required [(ngModel)]="product.spcomment" name="spcomment">
  </nz-form-control>
  <button nz-button type="primary" nzType="primary" (click)="savestc('Y','面签完成')">面签完成</button>
  <button nz-button type="primary" nzType="primary" (click)="savestc('N','面签未完成')">面签未完成</button>
  <button nz-button type="primary" nzType="primary" (click)="savestc('R','拒绝')">拒绝</button>


</footer-toolbar>
